body{
    font-family: 'Raleway', sans-serif !important;
    background:url(../images/bg.jpg) 0px 0px;
}
.main2{
     width: 30%;
     margin: 8em auto 0;
     padding: 4em 4em 5em;
     background:#FFFFFF;
 }
.main2 h1{
      color: darkcyan;
      text-align:center;
      font-size:2em;
      margin:0 0 2em;
  }
.input_form input[type="text"],.input_form input[type="password"]{
    outline: none;
    border: 1px solid #999;
    background: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    padding: 15px 10px;
    width: 96%;
    font-size: 1em;
    color: #999;
    text-align: center;
    font-family: 'Raleway', sans-serif;
}
.input_form input[type="password"]{
    margin:1.5em 0;
}
.checkbox-form{
    position:absolute;
    top: 20%;
    width: 100%;
}
.check{
    margin:1em 0 0;
}
.checkbox {
    margin-bottom: 4px;
    padding-left: 38px !important;
    font-size: 1.1em;
    line-height: 27px;
    cursor: pointer;
}
.checkbox {
    position: relative;
    font-size: 14px;
    color:#1C6EB2;
}
.checkbox:last-child {
    margin-bottom: 0;
}
.checkbox i {
    position: absolute;
    bottom: -2px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    outline: none;
    border: none;
    background:#85C8C5;
}
.checkbox input + i:after {
    content: '';
    background:#fff;
    top: 8px;
    left: 6.4px;
    width: 7px;
    height: 5px;
    font: normal 12px/16px FontAwesome;
    text-align: center;
}
.checkbox input + i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}
.checkbox input {
    position: absolute;
    left: -9999px;
}
.check-left{
    float:left;
}
.checkbox input:checked + i:after {
    opacity: 1;
}
.ckeck-bg{
    position:relative;
    min-height: 120px;
}
.checkbox-form input[type="submit"] {
    border: none;
    outline: none;
    color: #fff;
    padding: .7em 3em .8em;
    font-size: 1.2em;
    -webkit-appearance: none;
    background: pink;
    font-family: 'Raleway', sans-serif;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    cursor: pointer;
}
.check-right{
    float:right;
}
.checkbox-form input[type="submit"]:hover{
    background: red;
}
.qq{
    float:right;
    padding-top:100px;
}
.wechat{
    float:left;
    padding-top:100px;
}
